<html>
<head>
    <title>WARNOID TESTS</title>
    <meta charset="UTF-8">
    <link href="./css/warnoid.css" rel="stylesheet" media="all">
    <!--[if lte IE 7]>
    <link href="./css/warnoid.ie.css" rel="stylesheet" media="all">
    <![endif]-->
    <link href="./css/jquery-ui.min.css" rel="stylesheet" media="all">
    <script type="text/javascript" src="./js/lib/createjs-2013.12.12.min.js"></script>
    <script type="text/javascript" src="./js/lib/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="./js/lib/jquery-ui-1.10.4.custom.min.js"></script>
    <script type="text/javascript" src="./js/lib/soundmanager2-nodebug-jsmin.js"></script>
    <script type="text/javascript" src="js/lib/astar.js"></script>
    <script type="text/javascript" src="./js/main.js"></script>
    <script type="text/javascript" src="./js/renderer.js"></script>
    <script type="text/javascript" src="./js/effects.js"></script>
    <script type="text/javascript" src="./js/gui.js"></script>
    <script type="text/javascript" src="./js/map.js"></script>
    <script type="text/javascript" src="./js/structure.js"></script>
    <script type="text/javascript" src="./js/entities.js"></script>
    <script type="text/javascript" src="./js/noid.js"></script>
    <script type="text/javascript" src="./js/players.js"></script>
    <script type="text/javascript" src="./js/sounds.js"></script>
    <script type="text/javascript" src="./js/debug.js"></script>
    <script type="text/javascript">
        var debugGame = true;
    </script>
</head>
<body id="body">
    <div id="pageContainer">
        <canvas id="canvasGame">Your browser is outdated, please update it or download Google Chrome ><a href="https://www.google.com/intl/en/chrome/browser/" target="_blank">here</a>< for the best experience.</canvas>
        <div id="cursor" class="pointer"></div>
        <img id="gameBackground" src="./images/blank.png">
        <div id="guiTop">
            <div id="guiTopBack"></div>
            <div id="panelConstruct">
                <a href="#" class="buildMenuPrev">
                    <svg width="20" height="50">
                        <line x1="15" y1="10" x2="5" y2="25" style="stroke:#EEE;stroke-width:2"/>
                        <line x1="5" y1="25" x2="15" y2="40" style="stroke:#EEE;stroke-width:2"/>
                    </svg>
                </a>
                <a href="#" class="buildMenuNext">
                    <svg width="20" height="50">
                        <line x1="5" y1="10" x2="15" y2="25" style="stroke:#EEE;stroke-width:2"/>
                        <line x1="15" y1="25" x2="5" y2="40" style="stroke:#EEE;stroke-width:2"/>
                    </svg>
                </a>
                <div class="carousel-window">
                    <ul>
                        <li>
                            <a class="corridor" href="#">
                                <span class="label">Corridor</span>
                                <span class="thorium">1</span>
                                <span class="noids">-</span>
                            </a>
                        </li>
                        <li>
                            <a class="extractor" href="#">
                                <span class="label">Extractor</span>
                                <span class="thorium">4</span>
                                <span class="noids">1</span>
                            </a>
                        </li>
                        <li>
                            <a class="generator" href="#">
                                <span class="label">Generator</span>
                                <span class="thorium">4</span>
                                <span class="noids">1</span>
                            </a>
                        </li>
                        <li>
                            <a class="biodome" href="#">
                                <span class="label">Biodome</span>
                                <span class="thorium">6</span>
                                <span class="noids">2</span>
                            </a>
                        </li>
                        <li>
                            <a class="kitchen" href="#">
                                <span class="label">Kitchen</span>
                                <span class="thorium">4</span>
                                <span class="noids">2</span>
                            </a>
                        </li>
                        <li>
                            <a class="lifeRoom" href="#">
                                <span class="label">Life Room</span>
                                <span class="thorium">4</span>
                                <span class="noids">-</span>
                            </a>
                        </li>
                        <li>
                            <a class="defenceArea" href="#">
                                <span class="label">Defence Area</span>
                                <span class="thorium">4</span>
                                <span class="noids">4</span>
                            </a>
                        </li>
                        <li>
                            <a class="research" href="#">
                                <span class="label">Research</span>
                                <span class="thorium">4</span>
                                <span class="noids">4</span>
                            </a>
                        </li>
                        <li>
                            <a class="defenceAA" href="#">
                                <span class="label">Defence A-A</span>
                                <span class="thorium">6</span>
                                <span class="noids">2</span>
                            </a>
                        </li>
                        <li>
                            <a class="airport" href="#">
                                <span class="label">Airport</span>
                                <span class="thorium">4</span>
                                <span class="noids">2</span>
                            </a>
                        </li>
                        <li>
                            <a class="bunker" href="#">
                                <span class="label">Bunker</span>
                                <span class="thorium">9</span>
                                <span class="noids">-</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="panelRes">
                <div class="wrapper">
                    <span class="Food">10</span>
                    <span class="Harvest">0</span>
                    <span class="Energy">10</span>
                    <span class="Thorium">25</span>
                </div>
            </div>
        </div>
        <div id="guiBottom">
            <div id="guiBottomBack"></div>
            <div id="panelNoids">
                <table>
                    <tr>
                        <td class="idle">
                            <a href="#">
                                <div class="label">Idle</div>
                                <div class="noids">
                                    <span class="noid"></span>
                                    <span class="noid"></span>
                                </div>
                            </a>
                        </td>
                        <td class="supplier">
                            <a href="#">
                                <div class="label">Supplier</div>
                                <div class="noids"></div>
                            </a>
                        </td>
                        <td class="engineer disable">
                            <a href="#">
                                <div class="label">Engineer</div>
                                <div class="noids"></div>
                            </a>
                        </td>
                        <td class="miner disable">
                            <a href="#">
                                <div class="label">Miner</div>
                                <div class="noids"></div>
                            </a>
                        </td>
                        <td class="harvester disable">
                            <a href="#">
                                <div class="label">Harvester</div>
                                <div class="noids"></div>
                            </a>
                        </td>
                        <td class="cooker disable">
                            <a href="#">
                                <div class="label">Cooker</div>
                                <div class="noids"></div>
                            </a>
                        </td>
                        <td class="soldier disable">
                            <a href="#">
                                <div class="label">Soldier</div>
                                <div class="noids"></div>
                            </a>
                        </td>
                        <td class="searcher disable">
                            <a href="#">
                                <div class="label">Searcher</div>
                                <div class="noids"></div>
                            </a>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="panelPlayer">
                <button class="debugBtn"><span>Debug panel</span></button>
                <button class="fullscreenBtn"><span>Fullscreen</span></button>
                <button class="settingsBtn"><span>Settings</span></button>
                <button class="accountBtn"><span>Account</span></button>
                <div id="player">

                </div>
            </div>
        </div>
        <div id="debugBar"></div>
    </div>
</body>
</html>